<section>
  <div id="adminUserList{{dataIndex}}" *ngFor="let item of tagData.data.data, let dataIndex = index"
    class="information">
    <div class="informationMessage">
      <div appDebounceClick (debounceClick)="choiceItem(item,dataIndex)" class="main-box">
        <ng-container *ngIf="dataIndex===this.selectedIndex; else elseTemplate">
          <img class="admin-tag" src="assets/fw/admin_checked@3x.png">
        </ng-container>
        <ng-template #elseTemplate>
          <img class="admin-tag" src="assets/fw/admin_unchecked@3x.png">
        </ng-template>
        <img class="informationImg" *ngIf="item.img !== undefined" [src]="item.img?.imgUrl"
          onerror="this.src='assets/img/default_img.png'">
        <!-- appDebounceClick (debounceClick)="previewImage(item.img, ,item.imageIsPreView)"-->
        <div [ngClass]="{'noImageInformation': item.img === undefined}" class="informationRight">
          <div class="firstClassBox" [ngStyle]="item.firstRowLeft?.firstText?.boxCssStyle | styleFilter">
            <p class="fristClass">
              <span class="fristClassTitle" *ngIf="item.firstRowLeft?.firstText?.label"
                [ngStyle]="item.firstRowLeft?.firstText?.cssStyle | styleFilter">{{item.firstRowLeft?.firstText?.label}}</span>

              <span class="title-tag" *ngIf="item.firstRowLeft?.secondText?.label"
                [ngStyle]="item.firstRowLeft?.secondText?.cssStyle|styleFilter">{{item.firstRowLeft?.secondText?.label}}</span>

              <ng-container *ngFor="let tagItem of item.upTags">
                <span class="title-tag" [ngStyle]="tagItem.cssStyle | styleFilter">{{tagItem.label}}</span>
              </ng-container>
            </p>
            <div class="info-box">
              <div class="second-left">
                <p class="secondClass" *ngIf="item.secondRowLeft?.firstText?.label"
                  [ngStyle]="item.secondRowLeft?.firstText?.cssStyle|styleFilter">
                  {{item.secondRowLeft?.firstText?.label}}</p>
                <p class="secondClass" *ngIf="item.secondRowLeft2?.firstText?.label"
                  [ngStyle]="item.secondRowLeft2?.firstText?.cssStyle|styleFilter">
                  {{item.secondRowLeft2?.firstText?.label}}</p>
                <p class="secondClass" *ngIf="item.secondRowLeft3?.firstText?.label"
                  [ngStyle]="item.secondRowLeft3?.firstText?.cssStyle|styleFilter">
                  {{item.secondRowLeft3?.firstText?.label}}</p>
                <p class="downTags">
                  <ng-container *ngFor="let downTagItem of item.thirdRowLeft?.firstText">
                    <span class="title-tag" [ngStyle]="downTagItem.cssStyle | styleFilter">{{downTagItem.label}}</span>
                  </ng-container>
                </p>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="lineStyle"></div>
    </div>
  </div>
  <div class="noData" *ngIf="(tagData.data.data.length === 0)||( !tagData.data.data)">
    <span class="noData-span">暂无数据</span>
  </div>
  <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)">
    <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</section>

<ion-footer class="footerArea">
  <div class="buttonBox">
    <div class="saveBtn" appDebounceClick (debounceClick)="saveChoice()">{{tagData?.data?.footDiv?.button?.text?.label}}</div>
  </div>
</ion-footer>